<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>手动测试界面</title>
<link rel="stylesheet" href="../../styles/css/metro.css">
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css" />
<link rel="stylesheet" href="../../styles/css/jquery.shCircleLoader.css" />
<link rel="stylesheet" href="../../styles/css/manualTestPage.css">

<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script src="../../jsplugin/jquery.ztree.core.js"></script>
<script src="../../jsplugin/jquery.ztree.excheck.js"></script>
<script src="../../jsplugin/jquery.shCircleLoader.js"></script>
<script src="../../jsplugin/jquery.shCircleLoader-min.js"></script>
<script src="../../common/common.js"></script>
<script src="../../common/myAlert.js"></script>
<script src='../js/simulationValue.js'></script>
</head>
<body>
	<div id="allcontent">
		<!-- 自动测试内容区域 -->
		<div id="autoMaticTesting">
			<!-- 头部区域 -->
			<header class="header">
				<div style='float:left;width:1000px'>
					<span class="Interaction">
						<span id="manual-test-platform-name">人机交互单元</span>
					</span> 
					<span class="port" onclick="changeXiBie(this)" id='XiBieLight'>
						<span class="duan">I 端</span> 
					</span> 
					<span id="manualtest-disall" class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> 
				</div>
				<div style='float'>
					<span class="signaling"> 
						<span style="float: left;">信号发送软件</span>
					</span>
				</div>
				<audio id="bgMusic" src="" autoplay="autoplay" hidden="hidden" onended="playOver()"></audio>
			</header>
			<!-- ab键切换区，ic卡槽区 -->
			<div class="icCard clearfix">
				<!-- 三个圆形电源指示灯 -->
				<div class="powerIndicator">
					<div class="lightOne">
						<span class="circle"></span> <span class="title"></span>
					</div>
					<div class="lightTwo">
						<span class="circle"></span> <span class="title">电源</span>
					</div>
				</div>
				<!-- A,B机 -->
				<div id="ablight" class="model">
					<center>
						<div class="circleA"><span id='ALight'></span></div>
					</center>
					<!-- A -->
					<center>
						<div class="A activeAB" onclick="clickAB(0,this)" id='AC'>
							<span>A机</span>
						</div>
					</center>
					<!-- B -->
					<center>
						<div class="B" onclick="clickAB(1,this)" id='BC'>
							<span>B机</span>
						</div>
					</center>
					<center>
						<div class="lightStatus">
							<span id='BLight'></span>
						</div>
					</center>
				</div>
				<!-- IC卡槽区 -->
				<div id="icCard" class="IC">
					<div class="IcGroove">
						<span class="cardSlotOut"><span class="cardSlot"></span></span> <span
							class="icText">Ic卡</span>
					</div>
				</div>
			</div>
			<!-- 数据图片展示区域 -->
			<div id="imageDisplay" class="clearfix"><img id='imageDisplay0'></div>
			<!-- 菜单按钮操作区域 -->
			<div class="menuSettingKey clearfix">
				<button class="menu" onclick="sendKey(this,1,134217728,0,0)" id='menu'>菜单</button>
				<button class="F1" onclick="sendKey(this,1,67108864,0,0)" id='F1'>F1</button>
				<button class="F2" onclick="sendKey(this,1,33554432,0,0)" id='F2'>F2</button>
				<button class="F3" onclick="sendKey(this,1,16777216,0,0)" id='F3'>F3</button>
				<button class="F4" onclick="sendKey(this,1,8388608,0,0)" id='F4'>F4</button>
				<button class="F5" onclick="sendKey(this,1,4194304,0,0)" id='F5'>F5</button>
				<button class="F6" onclick="sendKey(this,1,2097152,0,0)" id='F6'>F6</button>
				<button class="F7" onclick="sendKey(this,1,268435456,0,0)" id='F7'>F7</button>
				<button class="F8" onclick="sendKey(this,1,536870912,0,0)" id='F8'>F8</button>
			</div>
			<!-- 右侧属性设置区域 -->
			<div class="propertySettings"></div>
			<!-- 右侧导航条区域 -->
			<div class="rightMenu" id="rightNav">
				<div class="menuImage" data="complex" onclick="moudleSwitch()">
					<!-- 切换页面右侧属性的复杂和简单模式 -->
					<img src="../../images/113.png" alt="">
				</div>
				<div class="nav">
					<div class="arc" id="runningFlat" onclick="switchLinght()" style="user-select:none">
						<!-- 色灯运行和平调模式切换 -->
						<span id="run">运行</span> <span id="flat">平调</span>
					</div>
					<div class="arc" onclick="menuAims('ATP',this)">
						<span>ATP</span>
					</div>
					<div class="arc" onclick="menuAims('EMU',this)">
						<span>EMU</span>
					</div>
					<div class="arc" onclick="menuAims('BTM',this)">
						<span>BTM</span>
					</div>
					<div class="arc" onclick="menuAims('TCR',this)">
						<span>TCR</span>
					</div>
					<div class="arc" onclick="menuAims('TAX',this)">
						<span>TAX</span>
					</div>
					<div class="arc" onclick="menuAims('LAIS',this)">
						<span>LAIS</span>
					</div>
					<div class="arc" onclick="menuAims('STA',this)">
						<span>STA</span>
					</div>
					<div class="verticalLine"></div>
				</div>
			</div>

			<!-- 下方的21个按钮 -->
			<div class="bottomButton">
				<!-- 左侧喇叭 -->
				<div id="leftSpeaker">
					<img src="../../images/laba.PNG" alt="">
				</div>
				<!-- 中间按钮 -->
				<div id="centerButton">
					<!-- 第一行 -->
					<button class="red warning" onclick="sendKey(this,1,1,0,0)" id='warningBtn'>警惕</button>
					<div class="oneButton">
						<div class="red" onclick="sendKey(this,1,2,0,0)" id='centerCloseBtn'>解锁</div>
						<div class="num" onclick="sendKey(this,1,8,0,0)" id='centerForwardBtn'>
							<img height="36" width="63" src="../../images/car_1.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,32,0,0)" id='centerCanSelect'>
							<img height="36" width="62" src="../../images/car_2.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,128,0,0)" id='centerCarPort'>
							<img height="36" width="62.89" src="../../images/car_3.jpg"
								alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,512,0,0)" id='centerRoadIn'>
							<img height="36" width="63" src="../../images/car_4.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,2048,0,0)" id='centerLocation'>
							<img height="36" width="63" src="../../images/car_5.jpg" alt="">
						</div>
						<div onclick="sendKey(this,1,8192,0,0)" id='centerModel'>模式</div>
						<div class="blue" onclick="sendKey(this,1,32768,0,0)" id='centerUpBtn'>↑</div>
						<div onclick="sendKey(this,1,131072,0,0)" id='centerStoreBtn'>转储</div>
						<div onclick="sendKey(this,1,524288,0,0)" id='centerSetBtn'>设定</div>
					</div>
					<div class="oneButton">
						<div class="red" onclick="sendKey(this,1,4,0,0)" id='centerReleaseBtn'>缓解</div>
						<div class="num" onclick="sendKey(this,1,16,0,0)" id='centerCanDoBtn'>
							<img height="36" width="63" src="../../images/car_6.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,64,0,0)" id='centerDriveBtn'>
							<img height="36" width="62" src="../../images/car_7.jpg" alt="">
						</div>
						
						<div class="num" onclick="sendKey(this,1,256,0,0)" id='centerCheckBtn'>
							<img height="36" width="63" src="../../images/car_8.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,1024,0,0)" id='centerOutBtn'>
							<img height="36" width="63" src="../../images/car_9.jpg" alt="">
						</div>
						<div class="num" onclick="sendKey(this,1,4096,0,0)" id='centerLookBtn'>
							<img height="36" width="62.89" src="../../images/car_0.jpg"
								alt="">
						</div>
						<div class="blue" onclick="sendKey(this,1,16384,0,0)" id='centerLeftBtn'>←</div>
						<div class="blue" onclick="sendKey(this,1,65536,0,0)" id='centerDownBtn'>↓</div>
						<div class="blue" onclick="sendKey(this,1,262144,0,0)" id='centerRightBtn'>→</div>
						<div onclick="sendKey(this,1,1048576,0,0)" id='centerOkBtn'>确认</div>
					</div>
				</div>
				<!-- 右侧喇叭 -->
				<div id="rightSpeaker">
					<img src="../../images/laba.PNG" alt="">
				</div>
			</div>
		</div>
	</div>
	<table border="0" id='logTableId'>
		<tr>
			<td>
				<!-- 手工测试操作日志 -->
				<div class='manualLogDiv'>
					<iframe id='manualLogIframe' width="1578px" height="300px"
						frameborder="1" scrolling="auto" src="../html/simulationLog.html"></iframe>
				</div>
			</td>
			<td>
				<div class='logButtonDiv'>
					<div class='logButtonDivCell'>
						<button onclick='changeSJFile()' id='sjChange' class='luzhiBtn luzhiBtnCell'>数据换装</button>
						<button onclick='selectCX()' id='setCX' class='luzhiBtn'>选择车型</button>
						<button onclick='setFollow()' id='setGZ' class='luzhiBtn'>设置跟踪项</button>
						<button onclick='stopLuZhi()' id='stopLuZhiBtn' class='luzhiBtn'>停止录制</button>
						<button class='luzhiBtn luzhiBtnCell' onclick="javascript :history.back(-1);">退出</button>
					</div>
				</div>
			</td>
		</tr>
	</table>
</body>
<script src="../js/simulationTestPage.js"></script>
</html>